<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>GracePHP 失败提示</title>
</head>
<style type="text/css">
    * {
        padding:0;
        margin:0;
    }
    div.box {
        width:600px;
        height:200px;
        margin:100px auto;
        border:1px solid #f60;
        text-align:center;
        box-shadow:4px 4px 4px red;
    }

    div.box h3 {
        color:#666;
        border-bottom:1px solid #ccc;
        height:35px;
        line-height:35px;
    }
    div.main p.content {
        height:120px;
        line-height:120px;
    }
    div.main p.line a {
        color:#06f;
        text-decoration:none;
    }
    div.main p.line a span{
        color:#f60;
    }

</style>
<body>
<div class="box">
    <h3>GracePHP 失败提示</h3>
    <div class="main">
        <p class="content"><?php echo $msg?></p>
        <p class="line"><a id="link" href="<?php echo $redirect;?>">还有 <span id="last"><?php echo $jumpTime?></span> 秒即将跳转，如不想等待，请点击该链接...</a></p>
    </div>
</div>
<script type="text/javascript">

    function go()
    {
        var last = document.getElementById('last');
        var time = last.innerHTML;
        if(time > 0)
        {
            time--;
            last.innerHTML = time;
        }
        else
        {
            var link = document.getElementById('link');
            location.href = link.href;
        }
    }
    setInterval(go, 1000);
</script>
</body>
</html>